<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>列表页</title>
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/index.css"/>
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/list.css"/>
	</head>
	<body>
	
			
	<!--头部条开始-->
	<div id="header">
		<div class="center">
			<!--左部分开始-->
			<ul class="left">
				<li class="gi1">
					<a href="javascript:;">社区</a>
				</li>
				<li class="gi2">
					<a href="javascript:;">ColorOS</a>
				</li>
				<li class="gi3">
					<a href="javascript:;">软件商店</a>
				</li>
				<li class="gi4">
					<a href="javascript:;">手机助手</a>
				</li>
				<li class="gi5">
					<a href="javascript:;">云服务</a>
				</li>
			</ul>
			<!--左部分结束-->
			
			<!--右部分开始-->
			<ul class="right">
				<li class="gi1">
                                            <a href="http://localhost/opposhop/index.php?m=Home&c=Login&a=index">登录</a>
                    
               				</li>
				<li class="gi2">
                    					<a href="http://localhost/opposhop/index.php?m=Home&c=Login&a=zhuce">注册</a>
                    
               				</li>
				
			</ul>
		</div>
	</div>
	<!--头部条结束-->
	
	<!--导航区域开始-->
	<div id="dh">
		<div id="wrapper">
		<div id="logo">
			<img src="./Public/Home/images/oppo_logo.png"/>
		</div>
		<div class="shop">

			<span class="text"><a href="http://localhost/opposhop/index.php?m=Home&c=Cart&a=index">购物车</a></span>
			<span class="icon"></span>
			<span class="num"> 
				<span class="shop-count">
					0
				</span>
			</span>
		</div>
		<ul class="nav">
				<li class="gi1">
					<a href="index.php"  >首页</a>
				</li>
							<li class="gi2" >
					<a href="http://localhost/opposhop/index.php?m=Home&c=List&a=index&cid=1"                 style="color:#009B72;"
               >手机</a>
				</li>
				</div>
	</div>
	
	<!--列表分类开始-->
	<div id="module">
		<ul class="breadcrumb"></ul>
		<div class="wrapper">
			<div class="pic">
				<div class="photo">
					<img src="./Public/Home/images/list1.jpg"/>
				</div>
				<div class="photo">
					<img src="./Public/Home/images/list1.jpg"/>
				</div>
				<div class="photo">
					<img src="./Public/Home/images/list1.jpg"/>
				</div>
				<div class="photo">
					<img src="./Public/Home/images/list1.jpg"/>
				</div>
				<div class="photo">
					<img src="./Public/Home/images/list1.jpg"/>
				</div>
			
			</div>
			<div class="s-module">
				<?php foreach ($finalAttr as $k=>$v){?>
				<?php if(!empty($v['name'])){?>
                
				<?php
                    $temp=$param;
                    $temp[$k]=0;
				?>
				<div class="s-label">
					<?php echo $v['name']?>：
				</div>
				<ul class="clearfix">
						<li class="active">
                            <a href="<?php echo U('index',['cid'=>$_GET['cid'],'param'=>implode('_',$temp)])?>"<?php if($param[$k]==0){?>
                style="color:#009B72;"
               <?php }?>>全部</a>
						</li>
					<?php foreach ($v['value'] as $value){?>
                        <?php
                            $temp[$k]=$value['gaid'];
//                            p($temp[$k]);
                        ?>
						<li>
							<a href="<?php echo U('index',['cid'=>$_GET['cid'],'param'=>implode('_',$temp)])?>" <?php if($value['gaid']==$param[$k]){?>
                style="color:#009B72;"
               <?php }?>><?php echo $value['gavalue']?></a>
						</li>
					<?php }?>
				</ul>
				
               <?php }?>
				<?php }?>
			</div>
			
			

	</div>
	<!--列表分类结束-->
	
	<!--列表内容开始-->
	<div class="apper">
		<div id="category">


		</div>
		<div class="products">
			<div id="wapper">
                <?php foreach ($data as $v){?>
				<div class="box">
					<div class="box-ribbon">
						<img src="./Public/Home/images/jiaobiao1.png"/>
					</div>
					<div class="box-photo">
						<a href="<?php echo U('Goods/index',array('gid'=>$v['gid']))?>"><img src="<?php echo $v['pic']?>"style="width: 216px;height: 250px;"/></a>
					</div>
					<span class="box-heading">
						<a href="<?php echo U('Goods/index',array('gid'=>$v['gid']))?>" style="color: black;"><?php echo $v['gname']?></a>
					</span>

					<a href="<?php echo U('Goods/index',array('gid'=>$v['gid']))?>"><p class="box-price">￥<?php echo $v['shopprice']?></p></a>
				</div>
                <?php }?>
				
			</div>
			
		</div>
	</div>
	<!--列表内容结束-->
	
	
	
	 	<!--公共底部-->
	<div id="foot-pic">
		<div id="gi">
			<span id="img">
			</span>
			<span id="text">
				OPPO社区
			</span>
		</div>
		
		<div id="gi1">
			<span id="img">
			</span>
			<span id="text">
				ColorOS
			</span>
		</div>
		
		<div id="gi2">
			<span id="img">
			</span>
			<span id="text">
				软件商店
			</span>
		</div>		
	</div>
	
	<div id="sitemap">
		<div class="wrapper">
			<div id="gi">
				<ul class="gi1">
					<span class="h_write">
						推荐机型
					</span>
					<ul class="gi2">
													<li><a href="http://localhost/opposhop/index.php?m=Home&c=Goods&a=index&gid=16">R9Plus金 大屏续航旗舰</a></li>
													<li><a href="http://localhost/opposhop/index.php?m=Home&c=Goods&a=index&gid=21">R9金 1600W前置自拍</a></li>
													<li><a href="http://localhost/opposhop/index.php?m=Home&c=Goods&a=index&gid=18"> A37玫瑰金 美颜4.0</a></li>
													<li><a href="http://localhost/opposhop/index.php?m=Home&c=Goods&a=index&gid=19">A59 闪速正面指纹识别</a></li>
											</ul>
				</ul>		
			</div>
			
			<div id="gi">
				<ul class="gi1">
					<span class="h_write">
						在线购买
					</span>

					<ul class="gi2">
											<li><a href="http://localhost/opposhop/index.php?m=Home&c=List&a=index&cid=1">手机</a></li>
										</ul>
				</ul>		
			</div>
			
			<div id="gi">
				<ul class="gi1">
					<span class="h_write">
						会员中心
					</span>
					<ul class="gi2">
						<li><a href="http://localhost/opposhop/index.php?m=Home&c=Login&a=index">会员登录</a></li>
						<li><a href="http://localhost/opposhop/index.php?m=Home&c=Login&a=zhuce">会员注册</a></li>
					</ul>
				</ul>		
			</div>		
		</div>
	</div>
	
	<div id="footer-tools">
		<div class="wrapper">
			<div class="h-wrapper">
				<span class="text">关注我们</span>
				<span class="icon">
					<img src="./Public/Home/images/weibo.png" style="width: 43px;height: 42px;"/>
				</span>
				<span class="icon1">
					<img src="./Public/Home/images/weixin.png" style="width: 43px;height: 42px;"/>
					<img class="img100" src="./Public/Home/images/erweima.png"/>										
				</span>
					<span class="text1">加入我们</span>
					<span class="text1">采购相关</span>				
			</div>
			
			<div class="h-subscribe">
				<span class="icon">
					<img src="./Public/Home/images/kefu.png"/>
				</span>
				<div class="about">
					<h4 class="h-delta">在线客服</h4>
					<p class="write">人工服务：8:30~22:00</p>
					<p class="write">24小时智能机器人服务</p>
					
				</div>	
				
				<span class="icon">
					<img src="./Public/Home/images/phone.png"/>
				</span>
				<div class="about">
					<h4 class="h-delta">4001-666-888</h4>
					<p class="write">7*24小时客服电话</p>
				</div>	
			</div>	
		</div>
	</div>
	<div id="bottom">
		<div class="center">
			<p class="bottom-info">© 2005 - 2016 东莞市永盛通信科技有限公司 | 版权所有 粤ICP备14056724号-2 | 联系方式：4001-666-888</p>
		</div>
	</div>
		
		
	</body>
</html>
